<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>单位信息备案</title>
	<link rel="stylesheet" href="../js/orgpicker/orgpicker.css">
	<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">

	<!-- 上传控件 -->
    <link href="../components/fileupload/css/fileinput.css" media="all" rel="stylesheet" type="text/css"/>
    <link href="../components/fileupload/css/font-awesome.min.css" media="all" rel="stylesheet" type="text/css"/>
    <link href="../components/fileupload/themes/explorer-fa/theme.css" media="all" rel="stylesheet" type="text/css"/>

<script src="../js/jquery.min.js"></script>

<script src="../components/fileupload/js/plugins/sortable.js" type="text/javascript"></script>
    <script src="../components/fileupload/js/fileinput.js" type="text/javascript"></script>
    <script src="../components/fileupload/js/locales/zh.js" type="text/javascript"></script>
    <script src="../components/fileupload/themes/explorer-fa/theme.js" type="text/javascript"></script>
    
	<script type="text/javascript" src="../bootstrap/js/bootstrap.min.js"></script>


	<!-- select2 -->
	<script type="text/javascript" src="../js/select2/js/select2.min.js"></script>
	<link rel="stylesheet" type="text/css" href="../js/select2/css/select2.min.css" />
	
	<!-- jquery-confirm -->
	<link href="../css/jquery-confirm.css" rel="stylesheet">
	<script type="text/javascript" src="../js/jquery-confirm.js" ></script>
	
	<link rel="stylesheet" type="text/css" href="../ctiypicker/css/cityPicker.css">
	<script type="text/javascript" src="../ctiypicker/js/cityPicker.js"></script>
	
	<!-- 多级机构选择控件 -->
	<script type="text/javascript" src="../js/orgpicker/orgpicker.js"></script>
	
	<script type="text/javascript" src="../js/share.js"></script>
	<script type="text/javascript" src="../js/bindcontrol.js"></script>
	
	
	<script type="text/javascript" src="recordEdit.js"></script>
</head>
<body>
	<div class="container">
		<h2 id="title" style="text-align: center;"></h2>
		
		
		<div class="panel panel-primary">
			<div class="panel-heading">
				<h3 class="panel-title">申请单信息</h3>
			</div>
			<div class="panel-body">
				<form id="Apply">
					<table class="table table-bordered">
					<tbody>
							<tr>
								<td
									style="width: 130px; text-align: right; background-color: #eee;">
									报送机构：<span style="color: red;">*</span>
								</td>
								<td><input type="text" class="form-control" id="org" style="width:200px;"
									placeholder="请选择报送机构"> <input type="hidden"
									name="itemno" value="10001"> <input type="hidden" name="itemname" value="单位资料信息维护">
									<input type="hidden" name="itemtypecode" value="99"> <input
									type="hidden" name="sourcechannelcode" value="02"> <!-- 申请渠道 -->
									<input type="hidden" name="orgcode" id="orgcode" value=""
									placeholder="请选择报送机构"> <input type="hidden"
									name="orgname" id="orgname" value="">
									<input type="hidden" name="applyid" id="applyid" value="">
									<input type="hidden" name="applyno" id="applyno" value="">
						</td>
							</tr>
					</tbody>
					</table>
				</form>    
			</div>
		</div>


		<div class="panel panel-primary">
			<div class="panel-heading">
				<h3 class="panel-title">业务资料</h3>
			</div>
			<div class="panel-body">
				<form id="Business">
					<table class="table table-bordered">
						<tbody>
							<tr>
								<td
									style="width: 130px; text-align: right; background-color: #eee;">
									名称：<span style="color: red;">*</span>
								</td>
								<td>
									<input type="text" class="form-control" name="companyname" placeholder="请输入单位名称">
									<input type="hidden" name="recordid" id="recordid">									
								</td>
								<td
									style="width: 130px; text-align: right; background-color: #eee;">
									组织机构编号：<span style="color: red;">*</span>
								</td>
								<td><input type="text" class="form-control" name="organizationcode"
									placeholder="请输入组织机构编号"></td>
							</tr>
							<tr>
								<td
									style="width: 130px; text-align: right; background-color: #eee;">
									营业执照&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>发证机关：<span
									style="color: red;">*</span>
								</td>
								<td><input type="text" class="form-control" name="logonagency"
									placeholder="请输入营业执照发证机关"></td>
								<td
									style="width: 130px; text-align: right; background-color: #eee;">
									联系人姓名：<span style="color: red;">*</span>
								</td>
								<td><input type="text" class="form-control" name="contactname"
									placeholder="请输入联系人姓名"></td>
							</tr>
							<tr>
								<td
									style="width: 130px; text-align: right; background-color: #eee;">
									营业执照注册号：<span style="color: red;">*</span>
								</td>
								<td><input type="text" class="form-control" name=registernumber
									placeholder="请输入营业执照注册号"></td>
								<td
									style="width: 130px; text-align: right; background-color: #eee;">
									联系人移动电话：<span style="color: red;">*</span>
								</td>
								<td><input type="text" class="form-control" name="contactmobile"
									placeholder="请输入联系人移动电话"></td>
							</tr>
							<tr>
								<td
									style="width: 130px; text-align: right; background-color: #eee;">
									营业执照编号：<span style="color: red;">*</span>
								</td>
								<td><input type="text" class="form-control" name="businesslicensenumber"
									placeholder="请输入营业执照编号"></td>
								<td
									style="width: 130px; text-align: right; background-color: #eee;">
									联系人固定电话：</td>
								<td><input type="text" class="form-control" name="contacttelephone"
									placeholder="请输入联系人固定电话"></td>
							</tr>
							<tr>
								<td
									style="width: 130px; text-align: right; background-color: #eee;">
									住所：<span style="color: red;">*</span>
								</td>
								<td><input type="text" class="form-control" name="residence"
									placeholder="请输入营业执照的住所"></td>
								<td
									style="width: 130px; text-align: right; background-color: #eee;">
									邮件地址：
								</td>
								<td><input type="text" class="form-control" name="contactaddress"
									placeholder="请输入联系人邮件地址"></td>
							</tr>
							<tr>
								<td
									style="width: 130px; text-align: right; background-color: #eee;">
									营业执照&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>法定代表人：<span style="color: red;">*</span>
								</td>
								<td><input type="text" class="form-control" name="legalrepresentative"
									placeholder="请输入信件地址"></td>
								<td
									style="width: 130px; text-align: right; background-color: #eee;">
									信件地址：<span style="color: red;">*</span>
								</td>
								<td><input type="text" class="form-control" name="contactletter"
									placeholder="请输入信件地址"></td>
							</tr>
						</tbody>
					</table>
				</form>
			</div>
		</div>
		

<!-- 		<div class="panel panel-primary"> -->
<!-- 			<div class="panel-heading" style="position: relative"> -->
<!-- 				<h3 class="panel-title">照片上传</h3> -->
<!-- 			</div> -->

<!-- 			<table class="table" style="text-align: center;" -->
<!-- 				id="recordcertificate"> -->
<!-- 				<thead> -->
<!-- 					<tr> -->
<!-- 						<th style="width: 20%; text-align: center;">证书类型</th> -->
<!-- 						<th style="width: 15%; text-align: center;">签发日期</th> -->
<!-- 						<th style="width: 15%; text-align: center;">有效截止日期</th> -->
<!-- 						<th style="width: 30%; text-align: center;">附件</th> -->
<!-- 						<th style="width: 5%; text-align: center;">操作</th> -->
<!-- 					<tr> -->
<!-- 				</thead> -->
<!-- 				<tbody> -->
<!-- 				</tbody> -->
<!-- 			</table> -->

<!-- 		</div> -->
		
		
		<div class="panel panel-primary">
			<div class="panel-heading" style="position: relative">
				<h3 class="panel-title">照片上传</h3>
			</div>

			<table class="table" style="text-align: center;"
				id="recordcertificate">
				<thead>
					<tr>
						<th style="width: 20%; text-align: center;">证书类型</th>
						<th style="width: 15%; text-align: center;">签发日期</th>
						<th style="width: 15%; text-align: center;">有效截止日期</th>
						<!-- <th style="width: 10%; text-align: center;">是否长期有效</th> -->
						<th style="width: 30%; text-align: center;">附件</th>
						<th style="width: 5%; text-align: center;">操作</th>
					<tr>
				</thead>
				<tbody>
					<tr>
						<td>
							营业执照
							<input type="hidden" name="certificatetype" id="certificatetype1" value="营业执照">
							<input type="hidden" name="recordtype" id="recordtype1" value="2">
						</td>
						<td>
							<input type="date" class="form-control" name="issuedate" id="issuedate1">
						</td>
						<td>
							<input type="date" class="form-control"	name="effectivedate" id="effectivedate1">
						</td>
						<td id="filename1">
						
						</td>
						<td>
							<button type="button" onclick="openModal(1)" class="btn btn-success">
								<span class="glyphicon glyphicon-upload"></span>上传
							</button> 
							<input type="hidden" id="upload1" class="form-control" name="fileid" value="">
						</td>
					</tr>
					<tr>
						<td>
							组织机构代码证
							<input type="hidden" name="certificatetype" id="certificatetype2" value="组织机构代码证">
							<input type="hidden" name="recordtype" id="recordtype2" value="2">
						</td>
						<td>
							<input type="date" class="form-control" name="issuedate" id="issuedate2">
						</td>
						<td>
							<input type="date" class="form-control"	name="effectivedate" id="effectivedate2">
						</td>
						<td id="filename2">
						
						</td>
						<td>
							<button type="button" onclick="openModal(2)" class="btn btn-success">
								<span class="glyphicon glyphicon-upload"></span>上传
							</button> 
							<input type="hidden" id="upload2" class="form-control" name="fileid" value="">
						</td>
					</tr>
					<tr>
						<td>
							其它
							<input type="hidden" name="certificatetype" id="certificatetype3" value="其它">
							<input type="hidden" name="recordtype" id="recordtype3" value="2">
						</td>
						<td>
							<input type="date" class="form-control" name="issuedate" id="issuedate3">
						</td>
						<td>
							<input type="date" class="form-control"	name="effectivedate" id="effectivedate3">
						</td>
						<td id="filename3">
						
						</td>
						<td>
							<button type="button" onclick="openModal(3)" class="btn btn-success">
								<span class="glyphicon glyphicon-upload"></span>上传
							</button> 
							<input type="hidden" id="upload3" class="form-control" name="fileid" value="">
						</td>
					</tr>
				</tbody>
			</table>

		</div>
		
		<div style="text-align: center;">
			<button type="button" class="btn btn-primary" id="submit">提交</button>
			<button type="button" class="btn btn-info" id="save">保存</button>
			<button type="button" class="btn btn-default" onclick="window.close();">取消</button>
		</div>
	</div>
	
	
	<!-- 模态框（Modal） -->
	<div class="modal fade" id="fileuploadmodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
						&times;
					</button>
					<h4 class="modal-title" id="myModalLabel">
						文件上传
					</h4>
				</div>
				<div class="modal-body">            	
					<input class="upload" name="file" multiple type="file" data-show-caption="true" fileid="">
				</div>
				<div class="modal-footer">
					
				</div>
			</div>
			
			<!-- modal增加移动效果 start -->
			<script src="../js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
			<script type="text/javascript">
		    	$("#fileuploadmodal").draggable();//为模态对话框添加拖拽
			</script>	
			<!-- modal增加移动效果 end -->	
									
		</div><!-- /.modal -->
	</div>
</body>
</html>